<template>
	<div :class="obj[align] ?? 'fxm' " :style="{ gap: typeof gap === 'number' ? gap + 'px' : gap }">
		<slot></slot>
	</div>
</template>

<script setup>
	defineProps({
		align	: { type:String, default:'start' },
		gap		: { type:[Number, String], default: $config.btnSpace },
	})
	
	const obj = {
		center 	: 'fxmc',
		end 	: 'fxmr'
	}
	
</script>